<html>

<head>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            $('p:first').click(function () {
                $(this).hide();
            });

        });
        function show_hide() {
            $('p:eq(1)').show();
        }
        function show_hide_slow() {
            $('p:eq(1)').show(1200);
        }
         function show_hide_toggle() {
            $('p:eq(2)').toggle();
        }
    </script>
    <style>
        .hide_cot {
            display: none;
        }
    </style>
</head>
<p>隐藏该条</p>
<p class="hide_cot">隐藏内容</p>
<p class="hide_cot">toggle隐藏内容</p>
<button type="button" onclick="show_hide()">显示隐藏内容</button>
<button type="button" onclick="show_hide_slow()">延迟显示隐藏内容</button>
<button type="button" onclick="show_hide_toggle()">开关按钮</button>
</html>